<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<c:set value="${requestScope.response.data.list }" var="list"/>
<!DOCTYPE html>
<html lang="zxx">
	<head>
		<title>首页 - 西餐厅管理系统</title>
		<%@ include file="/common/include/head_title.jsp"%>
	</head>
	<body>
		<jsp:include page="/header.htm"></jsp:include>
		<!-- Page Top Recipe Section Begin -->
		<!-- <section class="page-top-recipe">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 order-lg-2">
						<div class="pt-recipe-item large-item">
							<div class="pt-recipe-img set-bg" data-setbg="img/recipe-3.jpg">
								<i class="fa fa-plus"></i>
							</div>
							<div class="pt-recipe-text">
								<span>March 10, 2019</span>
								<h3>Cannellini Aglio e Olio with Salmon</h3>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 order-lg-1">
						<div class="pt-recipe-item">
							<div class="pt-recipe-img set-bg" data-setbg="img/recipe-1.jpg">
								<i class="fa fa-plus"></i>
							</div>
							<div class="pt-recipe-text">
								<h4>Raw Vegan Carrot Cake Bites with Avocado</h4>
							</div>
						</div>
						<div class="pt-recipe-item">
							<div class="pt-recipe-img set-bg" data-setbg="img/recipe-2.jpg">
								<i class="fa fa-plus"></i>
							</div>
							<div class="pt-recipe-text">
								<h4>One Pot Weeknight Lasagna Soup Recipe</h4>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 order-lg-3">
						<div class="pt-recipe-item">
							<div class="pt-recipe-img set-bg" data-setbg="img/recipe-4.jpg">
								<i class="fa fa-plus"></i>
							</div>
							<div class="pt-recipe-text">
								<h4>Beef Burger with French Fries and Salad</h4>
							</div>
						</div>
						<div class="pt-recipe-item">
							<div class="pt-recipe-img set-bg" data-setbg="img/recipe-5.jpg">
								<i class="fa fa-plus"></i>
							</div>
							<div class="pt-recipe-text">
								<h4>Raspberry Pancakes with Honey and Butter</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section> -->
		<!-- Page Top Recipe Section End -->
	
		<!-- Top Recipe Section Begin -->
		<!-- <section class="top-recipe spad">
			<div class="section-title">
				<h5>Top Recipes this Week</h5>
			</div>
			<div class="container po-relative">
				<div class="plus-icon">
					<i class="fa fa-plus"></i>
				</div>
				<div class="row">
					<div class="col-lg-6">
						<div class="top-recipe-item large-item">
							<div class="top-recipe-img set-bg"
								data-setbg="img/top-recipe/recipe-1.jpg">
								<i class="fa fa-plus"></i>
							</div>
							<div class="top-recipe-text">
								<div class="cat-name">Desert</div>
								<a href="#">
									<h4>One Pot Weeknight Lasagna Soup Recipe</h4>
								</a>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
									sed do eiusmod tempor incididunt ut labore.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="top-recipe-item">
							<div class="row">
								<div class="col-sm-4">
									<div class="top-recipe-img set-bg"
										data-setbg="img/top-recipe/recipe-2.jpg">
										<i class="fa fa-plus"></i>
									</div>
								</div>
								<div class="col-sm-8">
									<div class="top-recipe-text">
										<div class="cat-name">Vegan</div>
										<a href="#">
											<h4>One Pot Weeknight Lasagna Soup Recipe</h4>
										</a>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
											sed do eiusmod tempor incididunt ut labore et dolore magna
											aliqua.</p>
									</div>
								</div>
							</div>
						</div>
						<div class="top-recipe-item">
							<div class="row">
								<div class="col-sm-4">
									<div class="top-recipe-img set-bg"
										data-setbg="img/top-recipe/recipe-3.jpg">
										<i class="fa fa-plus"></i>
									</div>
								</div>
								<div class="col-sm-8">
									<div class="top-recipe-text">
										<div class="cat-name">Meat lover</div>
										<a href="#">
											<h4>Veggie soup with Mushrooms</h4>
										</a>
										<p>Consectetur adipiscing elit, sed do eiusmod tempor
											incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor
											sit amet, consectetur.</p>
									</div>
								</div>
							</div>
						</div>
						<div class="top-recipe-item">
							<div class="row">
								<div class="col-sm-4">
									<div class="top-recipe-img set-bg"
										data-setbg="img/top-recipe/recipe-4.jpg">
										<i class="fa fa-plus"></i>
									</div>
								</div>
								<div class="col-sm-8">
									<div class="top-recipe-text">
										<div class="cat-name">Desert</div>
										<a href="#">
											<h4>Caramel Ice Cream with Berries</h4>
										</a>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
											sed do eiusmod tempor incididunt ut labore et dolore magna
											aliqua.</p>
									</div>
								</div>
							</div>
						</div>
						<div class="top-recipe-item">
							<div class="row">
								<div class="col-sm-4">
									<div class="top-recipe-img set-bg"
										data-setbg="img/top-recipe/recipe-5.jpg">
										<i class="fa fa-plus"></i>
									</div>
								</div>
								<div class="col-sm-8">
									<div class="top-recipe-text">
										<div class="cat-name">Desert</div>
										<a href="#">
											<h4>Freash Octopuse with lime juice</h4>
										</a>
										<p>Consectetur adipiscing elit, sed do eiusmod tempor
											incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor
											sit amet, consectetur.</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section> -->
		<!-- Top Recipe Section End -->
	
		<!-- Categories Filter Section Begin -->
		<div class="categories-filter-section spad">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 text-center">
						<div class="filter-item">
							<ul>
								<li class="active" data-filter="*">最新</li>
							</ul>
						</div>
					</div>
					<div class="col-lg-12  mt-2 text-center cf-filter" id="category-filter">
						<c:forEach items="${list }" var="listTemp" varStatus="stat">
							<div class="cf-item mix all mostpopular">
								<div class="cf-item-pic">
									<c:choose>
										<c:when test="${listTemp.listImg != null && listTemp.listImg != '' }">
											<a href="${websiteFileUrl}${listTemp.listImg }" target="_blank">
												<img alt="" src="${websiteFileUrl}${listTemp.listImg }" width="256" height="272">
											</a>
										</c:when>
										<c:otherwise>
											<img alt="" src="${rootPath }/img/no_pic.png" width="256" height="272">
										</c:otherwise>
									</c:choose>
								</div>
								<div class="cf-item-text">
									<h5><a href="${rootPath }/goodsInfo.htm?id=${listTemp.id}" target="_blank">${listTemp.name }</a></h5>
								</div>
							</div>
						</c:forEach>
					</div>
				</div>
			</div>
		</div>
		<!-- Categories Filter Section End -->
	
		<!-- Feature Recipe Section Begin -->
		<!-- <section class="feature-recipe">
			<div class="section-title">
				<h5>Featured Recipes</h5>
			</div>
			<div class="container po-relative">
				<div class="plus-icon">
					<i class="fa fa-plus"></i>
				</div>
				<div class="row">
					<div class="col-lg-6">
						<div class="fr-item">
							<div class="fr-item-img">
								<img src="img/feature-1.jpg" alt="">
							</div>
							<div class="fr-item-text">
								<h4>Sunday Brunch: Spaghetti and Eggs Recipe</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="fr-item">
							<div class="fr-item-img">
								<img src="img/feature-2.jpg" alt="">
							</div>
							<div class="fr-item-text">
								<h4>Sunday Brunch: Spaghetti and Eggs Recipe</h4>
								<p>Consectetur adipiscing elit, sed do eiusmod tempor
									incididunt ut labore et dolore magna aliqua. Quis ipsum
									suspendisse ultrices gravida.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section> -->
		<!-- Feature Recipe Section End -->
	
		<%@ include file="/common/include/head_footer.jsp" %>
	</body>
</html>